<template>
    <div class="praise">
        <router-view></router-view>
        <div class="praise-top">

                <img src="https://www.pmdaniu.com/storages/99649/b739b955e810f1cadeb4c1c946abdc83-57026/images/%E6%B6%88%E6%81%AF%E8%AF%A6%E6%83%85/u3119.png" alt="">
                <b>特立独行的猫</b>
                <p>2021/03/23 13:21</p>

        </div>
        <div class="praise-bottom">
            <p>点赞了您的文章<a href="https://baike.baidu.com/item/%E7%AE%80%E4%B9%A6/5782216?ivk_sa=1022817p">《纽约经济时报》</a></p>
            
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/stylus/border.styl'
.praise
    
    display flex
    height  1rem
    width 100%
    flex-direction column
    .praise-top
        flex 12
        display flex
        height .6rem 
        width 100%
        padding-left .1rem

        img 
            padding .15rem .05rem
            width .5rem
        b
            flex 1
            padding-left .1rem
            line-height .7rem
            font-size .16rem
        p   
            flex 1
            width 1.5rem 
            font-size .14rem
            line-height .7rem
            text-align right
            padding 0 .1rem 0 0 
            color #666  
    .praise-bottom
        flex 4
        p
            margin-left .15rem
            height .3rem
            line-height .14rem
            font-size .14rem
            border_1px(0 0 1px 0)
            color #666
</style>

